<template>
  <div>
    <div class="back" @click="$router.go(-1)">
      <i class="el-icon-arrow-left"></i>返回
    </div>
    <Card>
      <span slot="title">修改申报人资料</span>
      <div slot="content" class="content">
        <div class="content_form">
          <el-form ref="form" :model="form" label-width="240px" size="medium">
            <el-form-item label="姓名：">
              <el-input v-model="form.name"></el-input>
            </el-form-item>
            <el-form-item label="性别：">
              <el-radio-group v-model="form.gender">
                <el-radio label="男"></el-radio>
                <el-radio label="女"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="出生日期：">
              <el-col :span="11">
                <el-date-picker
                  type="date"
                  placeholder="选择日期"
                  v-model="form.date1"
                >
                </el-date-picker>
              </el-col>
            </el-form-item>
            <el-form-item label="籍贯：">
              <el-input v-model="form.native"></el-input>
            </el-form-item>
            <el-form-item label="全日制学校：">
              <el-select v-model="form.region">
                <el-option label="区域一" value="shanghai"></el-option>
                <el-option label="区域二" value="beijing"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="全日制专业：">
              <el-select v-model="form.region">
                <el-option label="区域一" value="shanghai"></el-option>
                <el-option label="区域二" value="beijing"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="全日制毕业时间；">
              <el-col :span="11">
                <el-date-picker
                  type="date"
                  placeholder="选择日期"
                  v-model="form.date2"
                >
                </el-date-picker>
              </el-col>
            </el-form-item>
            <el-form-item label="在职教育学校：">
              <el-input v-model="form.nowSchool"></el-input>
            </el-form-item>
            <el-form-item label="在职教育专业：">
              <el-input v-model="form.nowRegion"></el-input>
            </el-form-item>
            <el-form-item label="在职教育学位：">
              <el-select v-model="form.nowDegree">
                <el-option label="区域一" value="shanghai"></el-option>
                <el-option label="区域二" value="beijing"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="在职教育学历：">
              <el-select v-model="form.nowEducation">
                <el-option label="区域一" value="shanghai"></el-option>
                <el-option label="区域二" value="beijing"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="在职教育毕业时间：">
              <el-col :span="11">
                <el-date-picker
                  type="date"
                  placeholder="选择日期"
                  v-model="form.date3"
                >
                </el-date-picker>
              </el-col>
            </el-form-item>
            <el-form-item label="参加工作时间：">
              <el-col :span="11">
                <el-date-picker
                  type="date"
                  placeholder="选择日期"
                  v-model="form.date4"
                >
                </el-date-picker>
              </el-col>
            </el-form-item>
            <el-form-item label="现任专业技术职务：">
              <el-select v-model="form.nowPost">
                <el-option label="区域一" value="shanghai"></el-option>
                <el-option label="区域二" value="beijing"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="现（兼）任执行职务任职时间：">
              <el-col :span="11">
                <el-date-picker
                  type="date"
                  placeholder="选择日期"
                  v-model="form.date5"
                >
                </el-date-picker>
              </el-col>
            </el-form-item>
            <el-form-item label="专业技术职务任职资格审批机关：">
              <el-input v-model="form.office"></el-input>
            </el-form-item>
            <el-form-item label="专业技术职务任职资格：">
              <el-col :span="11">
                <el-date-picker
                  type="date"
                  placeholder="选择日期"
                  v-model="form.date6"
                >
                </el-date-picker>
              </el-col>
            </el-form-item>
            <el-form-item label="单位名称：">
              <el-input v-model="form.office"></el-input>
            </el-form-item>
            <el-form-item>
              <we-button type="primary" @click="onSubmit"
                ><i class="el-icon-success"></i> 提交</we-button
              >
              <we-button @click="reset"
                ><i class="el-icon-refresh"></i> 重置</we-button
              >
            </el-form-item>
          </el-form>
        </div>
      </div>
    </Card>
  </div>
</template>

<script>
import Card from "@/components/Card";
import WeButton from "@/components/WeButton";
export default {
  components: {
    Card,
    WeButton,
  },
  data() {
    return {
      form: {
        name: "",
        gender: "",
        date1: "",
        date2: "",
        date3: "",
        date4: "",
        date5: "",
        date6: "",
        native: "", // 籍贯
        school: "",
        specialty: "", // 专业
        nowSchool: "", // 在职学校
        nowRegion: "", // 在职专业
        nowDegree: "", // 在职学位
        nowEducation: "", // 在职学历
        nowPost: "", // 职务
        office: "", // 机关
      },
    };
  },
  methods: {
    onSubmit() {
      console.log("submit!");
    },
    reset() {},
  },
};
</script>

<style lang="less" scoped>
.back {
  margin-bottom: 10px;
}
.content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.content_form {
  padding-top: 26px;
  width: 500px;
}
</style>
